<template>
	<div class="bf-partner">
        <h1>{{ $t('page.index.partner.title') }}</h1>
        <ul>
          <li v-for="item,index in $t('page.index.partner.pList')" :key="index"><img :src="item.imgUrl" alt=""></li>
        </ul>
    </div>
</template>  
  
<script>
export default {};
</script>  

<style>
.bf-partner {
  width: 100%;
  height: 281px;
  background: #f2f2f2;
  padding-top: 50px;
}
.bf-partner h1 {
  margin-top: 0;
  margin-bottom: 47px;
}
.bf-partner ul {
  width: 1200px;
  height: 73px;
  margin: 0 auto;
}
.bf-partner ul li {
  width: 166px;
  height: 62px;
  margin-left: 40px;
  border: 1px solid #eee;
  float: left;
}
.bf-partner ul li:nth-child(1) {
  margin-left: 0;
}
</style> 